<template>
  <div class="outer-container">
    <header class="header-container">
      <div class="header-container__main">
        <div class="header-container__main__left" @click="goToHome">
          <div class="logo">幸福精灵后台</div>
        </div>
      </div>
    </header>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
import { useRouter, useRoute } from "vue-router";
const goToHome = () => {
  router.push("/");
};

</script>

<style scoped lang="scss">

.outer-container {
  width: 100%;
  background: #ffffff;
  .header-container {
    width: 90%;
    margin: auto;
    box-sizing: border-box;
    .header-container__main {
      .header-container__main__left {
        cursor: pointer;
        padding: 0 0 10px;
      }
    }
  }
}
</style>
